<template>
  <div>
    <a-modal
        :destroyOnClose="true"
        :title="this.rulePopupTitle"
        :visible="this.rulePopupVisible"
        :footer="null"
        :width="1200"
        @cancel="handleCancel"
    >
      <ManageRuleForm></ManageRuleForm>
    </a-modal>
  </div>
</template>

<script>
import {mapMutations, mapState} from "vuex";
import ManageRuleForm from "@/pages/systemManage/activation/manageRule/MangeRuleForm";

export default {
  name: "ManageRulePopup",
  components: {ManageRuleForm},
  computed: {
    ...mapState('rule', ['rulePopupTitle', 'rulePopupVisible']),
  },
  methods: {
    ...mapMutations('rule', ['setState']),
    handleCancel() {
      this.setState({name: 'rulePopupVisible', value: false})
    }
  }
}
</script>

<style scoped>

</style>
